<template>
	<view class="con">
		<view class="con__box">
			<view class="con__box__item">
				<view class="con__box__item__label">
					头像
				</view>
				<view class="u-flex u-flex-y-center">
					<image src="/static/mine/tx.png" class="con__box__item__tx" mode=""></image>
					<image src="/static/detail/xyz.png" class="con__box__item__more" mode=""></image>
				</view>
			</view>
			<view class="con__box__item bb0">
				<view class="con__box__item__label">
					昵称
				</view>
				<view class="u-flex u-flex-y-center">
					<view class="">
						读书人
					</view>
					<image src="/static/detail/xyz.png" class="con__box__item__more" mode=""></image>
				</view>
			</view>
		</view>
		<view class="con__box br0">
			<view class="con__box__item">
				<view class="con__box__item__label">
					手机号
				</view>
				<view class="u-flex u-flex-y-center">
					<view class="">
						186****1112
					</view>
					<image src="/static/detail/xyz.png" class="con__box__item__more" mode=""></image>
				</view>
			</view>
		</view>
		<view class="footer">
			<u-button :loading='loading' @click="submit" loadingText='保存中' text="保存" color="#51CAEF" class="custom-style"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading:false
			};
		},
		methods:{
			submit(){
				
			}
		}
	}
</script>

<style lang="scss">
.con{
	padding: 16rpx 24rpx;
	&__box{
		background: #FFFFFF;
		border-radius: 12rpx;
		padding: 0 0 0 24rpx;
		margin-bottom: 24rpx;
		&__item{
			padding: 0 24rpx 0 0 ;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 104rpx;
			border-bottom: 1rpx solid #EEEEEE;
			&__label{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #333333;
				line-height: 38rpx;
			}
			&__tx{
				width: 64rpx;
				height: 64rpx;
				border-radius: 50%;
				
			}
			&__more{
				width: 52rpx;
				height: 52rpx;
			}
		}
		
	}
}
.footer{
	padding: 24rpx 24rpx 68rpx;
	width: 702rpx;
	position: fixed;
	bottom: 0;
	left: 0;
}
.bb0{
	border-bottom: 0;
}
.br0{
	border-radius: 0;
}
</style>
